<!-- 训练执行 -->
<script setup lang="ts">
import { ref } from "vue"
import trainType from "./trainType/trainType.vue"
import type { EditTrainBasicInfo } from "@/common/apis/train/type"
interface Props {
  ruleForm: EditTrainBasicInfo
}
const props = defineProps<Props>()
</script>

<template>
  <div class="steps-wrapper">
    <trainType :ruleForm="ruleForm" class="tab-content" />
  </div>
</template>

<style lang="scss" scoped>
@import "@@/assets/styles/mixins.scss";

.el-tabs,
.el-tabs__content,
.el-tab-pane {
  height: calc(100%) !important;
}

.steps-wrapper {
  overflow: hidden !important;
  padding-top: 1px;
}

.tab-content {
  height: calc(100%);
  overflow: scroll;
  @extend %scrollbar;
}

.bac-tabs {
  :deep(.el-tabs__item:hover) {
    color: #409eff !important;
  }

  :deep(.el-tabs__item.is-active:hover) {
    color: white;
  }

  :deep(.el-tabs__item.is-active) {
    background-color: #409eff !important;
    color: white !important;
  }
}
</style>
